.table{ 
    display: table;
    nav{ 
        display: table-caption;
        text-align: center;
        color: red;
        /*caption-side: bottom;*/
        margin-bottom: 20px;
    }

    section{ 
        &:nth-of-type(odd){ 
            display: table-row-group;
        }
        &:nth-of-type(even){ 
            display: table-row-group;
            /*background-color: #ddd;*/
        }
    }

    ul{ 
        display: table-row;
        li{ 
            display: table-cell;
            padding: 10px;
            border: 1px solid black;
            text-align: center;
            width: fit-content;
            vertical-align: center;
            empty-cells:  hide;
            border-top: none;
            border-right: none;
            &:first-of-type{ 
                border-top: 1px solid black;
            }
        }
    }
}
div{ 
    margin: 50px;
    width: 200px;
    height: 200px;
    /*border: 2px solid black;*/
    border-radius: 50% 50%;
    background-image: url(../img/7.jpg);
    background-size: cover;
}
